<%-- 
    Document   : store_content
    Created on : Jan 7, 2012, 5:20:24 PM
    Author     : Turtle
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="jstl" %>
<!DOCTYPE html>
<div class="left-column">
    <div id="panel">
        <p id="big-title">Apple Store</p>
        <p id="normal-text">Call 1-800-MY-APPLE</p>
        <input type="text" id="mini-search" name="mini-search" value="Search Store"/>
    </div>
    <div id="shop">
        <a href="#"><p id="shop-title">Shop Mac</p></a>
        <a href="#"><p id="shop-title">Shop iPod</p></a>
        <a href="#"><p id="shop-title">Shop iPhone</p></a>
        <a href="#"><p id="shop-title">Shop iPad</p></a>
        <a href="#"><p id="text">Mac Accessories</p></a>
        <a href="#"><p id="text">Mac Softwar</p></a>
        <a href="#"><p id="text">iPod Accessories</p></a>
        <a href="#"><p id="text">iPhone Accessories</p></a>
        <a href="#"><p id="text">iPad Accessories</p></a>
        <hr/>
        <a href="#"><p id="store-text">Education Store</p></a>
        <a href="#"><p id="store-text">Busuness Store</p></a>
        <a href="#"><p id="store-text">Government Store</p></a>
        <a href="#"><p id="store-text">International Store</p></a>
    </div>
    <p id="normal-title">Popular Accessories</p>
    <div id="popular-accessories">           		
        <a href="#"><p id="mini-title">For iPad</p></a>
        <a href="#"><p id="text">Cases</p></a>
        <a href="#"><p id="text">Cable & Docks</p></a>
        <a href="#"><p id="text">Headphones</p></a>
        <a href="#"><p id="text">Keyboards</p></a>
        <a href="#"><p id="text">Power</p></a>
        <a href="#"><p id="text">AirPrint Printers</p></a>
        <a href="#"><p id="text">Speakers</p></a>
        <a href="#"><p id="text">Stands</p></a>
        <a href="#"><p id="text">more...</p></a>
        <p id="text">&nbsp;</p>
        <a href="#"><p id="mini-title">For iPhone</p></a>
        <a href="#"><p id="text">Armbands & Cases</p></a>
        <a href="#"><p id="text">Cable & Docks</p></a>
        <a href="#"><p id="text">Car Audio</p></a>
        <a href="#"><p id="text">Headsets</p></a>
        <a href="#"><p id="text">Power</p></a>
        <a href="#"><p id="text">Speakers</p></a>
        <a href="#"><p id="text">more...</p></a>
        <p id="text">&nbsp;</p>
        <a href="#"><p id="mini-title">For Mac</p></a>
        <a href="#"><p id="text">AirePort & Wireless</p></a>
        <a href="#"><p id="text">AppleCare</p></a>
        <a href="#"><p id="text">Audio & Speakers</p></a>
        <a href="#"><p id="text">Bag & Notebook Cases</p></a>
        <a href="#"><p id="text">Display & Graphics</p></a>
        <a href="#"><p id="text">Memory</p></a>
        <a href="#"><p id="text">Mice & Keyboards</p></a>
        <a href="#"><p id="text">Printers</p></a>
        <a href="#"><p id="text">Storage</p></a>
        <a href="#"><p id="text">more...</p></a>
        <p id="text">&nbsp;</p>
        <a href="#"><p id="mini-title">Software</p></a>
        <a href="#"><p id="text">Apple Software</p></a>
        <a href="#"><p id="text">Design & Publishing</p></a>
        <a href="#"><p id="text">Keyboards</p></a>
        <a href="#"><p id="text">Mac Games</p></a>
        <a href="#"><p id="text">Music & Audio</p></a>
        <a href="#"><p id="text">Productivity</p></a>
        <a href="#"><p id="text">Utilities</p></a>
        <a href="#"><p id="text">more...</p></a>
        <p id="text">&nbsp;</p>                
        <a href="#"><p id="mini-title">For iPod</p></a>
        <a href="#"><p id="text">Cases</p></a>
        <a href="#"><p id="text">Cable & Docks</p></a>
        <a href="#"><p id="text">Car Accessories</p></a>
        <a href="#"><p id="text">Headphones</p></a>
        <a href="#"><p id="text">Power</p></a>
        <a href="#"><p id="text">Speakers</p></a>
        <a href="#"><p id="text">more...</p></a>
        <a href="#"><p id="text">&nbsp;</p></a>
        <a href="#"><p id="mini-title">Gift Cards</p></a>
        <a href="#"><p id="text">Apple Gift Card</p></a>
        <a href="#"><p id="text">iTunes Gift Cards</p></a>
    </div>
    <p id="normal-title">Special Deals</p>
    <div id="special-deals">           		
        <a href="#"><p>Refurbished Mac</p></a>
        <a href="#"><p>Refurbished iPod</p></a>
        <a href="#"><p>Refurbished iPad</p></a>
        <a href="#"><p>Clearance</p></a>   
        <hr/>
        <a href="#">
            <p id="bold-text">Refurbished 8GB iPod nano</p>
            <p id="text">Free shipping + Full 1-year warranty</p>
            <p id="bold-text">Only $109.00</p>
        </a>
        <hr/>
        <a href="#">
            <p id="bold-text">Refurbished iPad</p>
            <p id="text">Special Limited Time Price</p>
            <p id="text">Full 1-year warranty</p>
            <p id="bold-text">Wi-Fi and Wi-Fi 3G</p>
        </a>
    </div>
</div>
<div class="middle-column">
    <div class="welcome-bar">
        <a href="#"><img id="home-button" src="images/home.png" width="18" height="15"/></a>
        &nbsp;&nbsp;&nbsp;Welcome to the Apple Store
        <a id="cart-button" href="cart?action=load">Cart</a>
        <jstl:choose>
            <jstl:when test="${sessionScope.user_name == null}">
                <a id="account-button" href="login?action=load">Account</a> 
            </jstl:when>
            <jstl:otherwise>
                <a id="account-button" href="logout?action=logout">Log out</a>
                <a id="account-button" href="#" class="green-string">${sessionScope.user_name}</a>                  
            </jstl:otherwise>
        </jstl:choose>
        <a id="help-button" href="support?action=load">Help</a>
    </div>
    <div class="middle-content">
        <div id="top-store">
            <div id="first-line">
                <a href="#" id="product-block">
                    <img src="images/shelf-home-ipad2.png" />
                    <p id="bold-text">iPad2</p>
                    <p id="text">From $499</p>                            
                </a>
            </div>
            <div id="first-line">
                <a href="type_iphone?action=load" id="product-block">
                    <img src="images/shelf-home-iphone4s-wb.png" />
                    <span id="new1">NEW</span>
                    <p id="bold-text">iPhone</p>
                    <p id="text">From $0</p>                            
                </a>
            </div>
            <div id="first-line">
                <a href="chooser_ipod?action=load&ipod_type=IPTO" id="product-block">                        	                        
                    <img src="images/shelf-home-touch-bw.png" />
                    <span id="new1">NEW</span>
                    <p id="bold-text">iPod touch</p>
                    <p id="text">From $199</p>                            
                </a>
                <a href="chooser_ipod?action=load&ipod_type=IPNN" id="product-block">                        	                        
                    <img src="images/shelf-home-nano-colors.png" />
                    <span id="new2">NEW</span>
                    <p id="bold-text">iPod nano</p>
                    <p id="text">From $129</p>                            
                </a>
                <a href="#" id="product-block">                        	                        
                    <img src="images/shelf-home-shuffle.png" />
                    <p id="bold-text">iPod shuffle</p>
                    <p id="text">Just $49</p>                            
                </a>
                <a href="#" id="product-block">                        	                        
                    <img src="images/shelf-home-classic.png" />
                    <p id="bold-text">iPod classic</p>
                    <p id="text">Just $249</p>                            
                </a>
            </div>
            <div id="first-line">
                <a href="#" id="product-block">
                    <img src="images/shelf-home-appletv2.png" />
                    <p id="bold-text">Apple TV</p>
                    <p id="text">Just $99</p>                            
                </a>
            </div>
            <div id="second-line">
                <a href="#" id="product-block">
                    <img src="images/shelf-home-mbair.png" />
                    <p id="bold-text">MacBook Air</p>
                    <p id="text">From $999</p>                            
                </a>
                <a href="#" id="product-block">
                    <img src="images/shelf-home-mbpro.png" />
                    <p id="bold-text">MacBook Pro</p>
                    <p id="text">From $1199</p>                            
                </a>
                <a href="#" id="product-block">
                    <img src="images/shelf-home-mini.png" />
                    <p id="bold-text">Mac mini</p>
                    <p id="text">From $599</p>                            
                </a>
                <a href="#" id="product-block">
                    <img src="images/shelf-home-imac.png" />
                    <p id="bold-text">iMac</p>
                    <p id="text">From $1199</p>                            
                </a>
                <a href="#" id="product-block">
                    <img src="images/shelf-home-macpro.png" />
                    <p id="bold-text">Mac Pro</p>
                    <p id="text">From $2499</p>                            
                </a>
            </div>             
            <div id="third-line">
                <span>
                    <a href="#">
                        <img src="images/download.jpg" width="30" height="20"/>
                    </a>
                </span>
                <span>                        	
                    <p id="bold-text"><a href="#">Download the Apple Store app.</a></p>
                    <p id="text">It’s the easiest way to get an iPhone 4S - right from your current iPhone.</p>                 
                </span>  
            </div>            
        </div>
        <div class="middle-store">
            <a href="#">
                <div id="first-line">
                    <div id="left-img">              	
                        <img src="images/home-hero-iphone4s.png"/>
                    </div>
                    <div id="right-img">
                        <img src="images/home-title-iphone4s.png"/>
                        <p>&nbsp;</p>
                        <p id="store-text">Dual-core A5 chip. All-new 8MP camera and optics. iOS 5 and iCloud. And introducing Siri. It's the most amazing iPhone yet.</p>
                        <p>&nbsp;</p>
                        <p id="bold-text">From $649.00*</p>
                        <p class="my-button">Buy now &rsaquo;&rsaquo;</p>                               
                    </div>               
                </div>
            </a>                   
            <div id="second-line">
                <a href="#">
                    <div id="left-img"> 
                        <hr/>
                        <p><img src="images/home-title-ipod-touch.png"/></p>
                        <p id="store-text">It has fun written all over it.</p>
                        <p id="store-text">Now starting at $199</p>
                        <p class="my-button">Buy now &rsaquo;&rsaquo;</p>                               
                        <p><img src="images/home-ipod-touch-family.jpg" id="bottom-img"/></p>
                    </div>
                </a>
                <a href="#">
                    <div id="right-img">
                        <p>&nbsp;</p>
                        <p>&nbsp;</p>
                        <hr />
                        <p><img src="images/home-title-ipod-nano.png"/></p>
                        <p id="store-text">Multi-Touch. And multi-talented</p>
                        <p id="store-text">Now starting at $129</p>
                        <p class="my-button">Buy now &rsaquo;&rsaquo;</p>                      
                        <p><img src="images/home-ipod-nano-family.jpg"/></p>
                    </div>
                </a>              
            </div> 
            <div id="third-line">
                <div id="product-block"></div>
            </div> 
        </div>
        <div id="fourth-line">
            <jstl:forEach var="pr" items="${products}" >                        
                <div class="viewer-row">
                    <a href="chooser_iphone?action=choose&id=${pr[1]}">${pr[0]}</a>
                </div>
            </jstl:forEach>
        </div>
    </div>
    <div class="right-content">
        <p id="normal-title">New to the Store</p>
        <div id="newtothestore">           		
            <a href="#"><p id="text">iPhone 4S</p></a>
            <a href="#"><p id="text">iPhone 4</p></a>
            <a href="#"><p id="text">iPod touch</p></a>
            <a href="#"><p id="text">iPod nano</p></a>
            <a href="#"><p id="text">iPhone - AppleCare+</p></a>
            <a href="#"><p id="text">OS X Liion USB Thumb Drive</p></a>
            <a href="#"><p id="text">MacBook Air</p></a>
            <a href="#"><p id="text">Mac mini</p></a>
            <a href="#"><p id="text">Apple Thunderbolt Display (27-inch)</p></a>
            <a href="#"><p id="text">Apple Thunderbolt cable (2.0 m)</p></a>
            <a href="#"><p id="text">iMac</p></a>
            <a href="#"><p id="text">iPhone 4 in white</p></a>
            <a href="#"><p id="text">iPad 2</p></a>
            <a href="#"><p id="text">iPad Smart Covers</p></a>                    
        </div>
        <p id="normal-title">Top Sellers</p>
        <div id="newtothestore">           		
            <a href="#"><p id="mini-title">iPad</p></a>
            <a href="#"><p id="text">1. iPad 2</p></a>
            <a href="#"><p id="text">2. iPad Smart Cover</p></a>
            <a href="#"><p id="text">3. Apple iPad Camera Connection Kit</p></a>
            <a href="#"><p id="text">4. Apple iPad 10W USB Power Adapter</p></a>
            <a href="#"><p id="text">5. Apple iPad 2 Dock</p></a>
            <p id="text">&nbsp;</p>
            <a href="#"><p id="mini-title">iPhone</p></a>
            <a href="#"><p id="text">1. iPhone 4S</p></a>
            <a href="#"><p id="text">2. Apple iPhone 4 Bumper - Black</p></a>
            <a href="#"><p id="text">3. Incase Snap Case for iPhone 4</p></a>
            <a href="#"><p id="text">4. Michael Kors Wallet Clutch for iPhone 4</p></a>
            <a href="#"><p id="text">5. WiFi body scale by Withings</p></a>
            <p id="text">&nbsp;</p>
            <a href="#"><p id="mini-title">Mac</p></a>
            <a href="#"><p id="text">1. MacBook Pro</p></a>
            <a href="#"><p id="text">2. MacBook Air</p></a>
            <a href="#"><p id="text">3. iMac</p></a>
            <a href="#"><p id="text">4. Apple Wireless Keyboard</p></a>
            <a href="#"><p id="text">5. Apple Magic Mouse</p></a>
            <a href="#"><p id="text">6. Magic Trackpad</p></a>
            <a href="#"><p id="text">7. Apple Thunderbolt cable (2.0 m)</p></a>
            <p id="text">&nbsp;</p>
            <a href="#"><p id="mini-title">iPod</p></a>
            <a href="#"><p id="text">1. iPod touch</p></a>
            <a href="#"><p id="text">2. iPod nano</p></a>
            <a href="#"><p id="text">3. iWatchz Q Series watchband for iPod nano</p></a>
            <a href="#"><p id="text">4. Bowers & Wilkins Zeppelin Air</p></a>
            <a href="#"><p id="text">5. Bose&reg; Quiet Comfort&reg; 15 Acoustic Noise. Cancelling&reg; Headphones (with Remote and Mic)</p></a>
        </div>
        <p id="normal-title">New to the Store</p>
        <div id="newtothestore">           		
            <a href="#"><p id="text">iPhone 4S</p></a>
            <a href="#"><p id="text">iPhone 4</p></a>
            <a href="#"><p id="text">iPod touch</p></a>
            <a href="#"><p id="text">iPod nano</p></a>
            <a href="#"><p id="text">iPhone - AppleCare+</p></a>
            <a href="#"><p id="text">OS X Liion USB Thumb Drive</p></a>
            <a href="#"><p id="text">MacBook Air</p></a>
            <a href="#"><p id="text">Mac mini</p></a>
            <a href="#"><p id="text">Apple Thunderbolt Display (27-inch)</p></a>
            <a href="#"><p id="text">Apple Thunderbolt cable (2.0 m)</p></a>
            <a href="#"><p id="text">iMac</p></a>
            <a href="#"><p id="text">iPhone 4 in white</p></a>
            <a href="#"><p id="text">iPad 2</p></a>
            <a href="#"><p id="text">iPad Smart Covers</p></a>                    
        </div>
    </div>
</div>
